約 5,014,933 件
https://w.atwiki.jp/nicocachenlwiki/pages/24.html
1. 依存ライブラリのダウンロード https //www.bouncycastle.org/latest_releases.html から bcprov-jdk15on-*.jar と bcpkix-jdk15on-*.jar と bcutil-jdk15on-*.jar をダウンロードして それぞれリネームして bcprov.jar と bcpkix.jar と bcutil.jar とし、libフォルダに配置します。 2. genCerts.batの実行 これによりcertsフォルダ内に鍵と証明書(ca.cer, ca.jks, site.cer, site.jks)が生成されます。 certsフォルダ内のファイルは公開しないように注意してください。 証明書を再生成したときはNicoCache_nlの再起動も必須です。 3. config.properties へ enableMitm=true を設定 4. ブラウザに生成された認証局の証明書をインポート a) Chrome(Windows10)の場合 a-1. Windowsボタン certmgrと入力 ユーザー証明書の管理 a-2. 信頼されたルート証明機関をクリック後、操作 すべてのタスク インポート a-3. certs/ca.cerを選択してインポート a-4. Chromeを再起動 b) Firefoxの場合 b-1. 設定 プライバシーとセキュリティ 証明書 証明書を表示 認証局証明書 インポート b-2. certs/ca.cerを選択 b-3. 「この認証局によるウェブサイトの識別を信頼する」にチェック b-4. Firefoxを再起動します c) Firefoxの場合2 c-1. URLバーにabout configと入力. c-2. security.enterprise_roots.enabledをtrue. c-3. Firefoxを再起動. c-4. これでWindows証明書ストアのルート証明書を認識させることができます d) iPhoneの場合 d-1. ca.cerをメールで添付して送ります (注：ca.jksの方は機密情報が入っているので送らないで下さい) d-2. ca.cerを開いてプロファイルのインストールを行います。 d-3. 設定 一般 情報 証明書信頼設定 から ルート証明書を全面的に信頼します 注： pacファイルを利用している場合はpacファイルが古くないか確認！ - ... // nicovideo,smile,nimg,dmcへのアクセスを全てNicoCache_nl経由にする proxy.pac // https対応 function FindProxyForURL(url, host) { if ((shExpMatch(host, "*.nicovideo.jp") || shExpMatch(host, "*.smilevideo.jp") || shExpMatch(host, "*.nimg.jp") || shExpMatch(host, "*.dmc.nico") ) (url.indexOf("http ") == 0 || url.indexOf("https ") == 0)) { return "PROXY 127.0.0.1 8080"; } return "DIRECT"; } ユーティリティソフト 証明書管理ユーティリティを作成しました NicoCache_nl Easy Batch.7z_2020/08/15版 BouncyCastleでダウンロードしたbcprov-jdk15on-*.jarとbcpkix-jdk15on-*.jarをgenCerts.batで実行してファイルが出ない場合は、高速インストーラのなかにあるbcprov-jdk15on-*.jarとbcpkix-jdk15on-*.jarを使えばおｋ -- 名無しさん (2021-07-22 13 08 38) 名前 コメント
https://w.atwiki.jp/jasagiri/pages/68.html
RFC：http //www5d.biglobe.ne.jp/~stssk/rfcjlist.html 規格対応エレメント表 http //meiert.com/en/indices/html-elements/ html5 http //www.html5.jp/ URI-Templates http //bitworking.org/projects/URI-Templates/ http //builder.japan.zdnet.com/sp/firefox-3-for-developer-2008/ StatusCode http //www.studyinghttp.net/status_code http //thoughtpad.net/alan-dean/http-headers-status.html http //d.hatena.ne.jp/IwamotoTakashi/20090429/p1 REST 何がRESTを良くするか：http //www.infoq.com/jp/news/2008/11/rest-api RESTfullなアプリケーションを記述する：http //www.infoq.com/jp/articles/subbu-allamaraju-rest REST API デザイン http //www.25hoursaday.com/weblog/2008/10/24/RESTAPIDesignInventMediaTypesNotProtocolsAndUnderstandTheImportanceOfHyperlinks.aspx OpenID：http //code.google.com/p/openidengine/ ：http //www.atmarkit.co.jp/fsecurity/rensai/openid01/openid01.html ：http //www.goodpic.com/mt/archives2/2008/01/openid_oauth.html ：http //d.hatena.ne.jp/lyokato/20080816/1218866900 OAuth：http //www.atmarkit.co.jp/fsecurity/special/106oauth/oauth01.html
https://w.atwiki.jp/satoschi/pages/8375.html
Dhuwal【dwu】 ドゥワル語 00 Australian 01 Pama-Nyungan 02 Yuulngu 03 Dhuwal 《現》living language オーストラリア【AU】 言語名別称 alternate names Duala Dual Wulamba Yolngu Yolŋu 方言名 dialect names Datiwuy (Daatiwuy) Dhuwal Djapu Liyagalawumirr Liyagawumirr Marrakulu Marrangu 参考文献 references WEB ISO 639-3 Registration Authority - SIL International the LINGUIST List Ethnologue Wikipedia
https://w.atwiki.jp/mynote/pages/77.html
LaTeX2HTML LaTeXで書いたドキュメントをHTML化するスクリプトです LaTeX2HTML LaTeXで書いたドキュメントをHTML化するスクリプトです latex2htmlのインストール方法（Mac） Nikos Drakosが作ってRoss Moore がプロジェクトを進めているらしいLaTeX2HTML、Perlで書かれているので多くの環境で動くはず、日本語パッチを当てればすごく便利。 http //saftsack.fs.uni-bayreuth.de/~latex2ht http //en.wikipedia.org/wiki/LaTeX2HTML http //takeno.iee.niit.ac.jp/~shige/TeX/latex2html/ltx2html.html Copyright © 1993, 1994, 1995, 1996, Nikos Drakos, Computer Based Learning Unit, University of Leeds. Copyright © 1997, 1998, 1999, Ross Moore, Mathematics Department, Macquarie University, Sydney. latex2htmlのインストール方法（Mac） 端末（ターミナル）でMacport sudo port search latex2html latex2html @2008 (print) Convert LaTeX into HTML. sudo port install latex2html これでインストール出来なければセルフビルド（ソースコードを持ってきて自分でインストールしなければならない） セルフビルド（ログは下記においておきます） http //www20.atwiki.jp/mynote/pages/78.html ./configure make sudo make install
https://w.atwiki.jp/wiki3_wwa/pages/15.html
user.htmlの中身 背景、文字の色を変える リンクを付けてみる ここではHTML技術の一部を解説します。 編集するのは主に「user.html」です。 ファイルの名前を変更している場合も、HTMLファイルを編集してください。 user.htmlの中身 まずはuser.htmlの中身を見てみます。 ダブルクリックすると、ブラウザが起動してゲーム画面が表示されます。 （作成ツールから「マップデータをブラウザで見る」でもOK） ゲーム画面の外を、マウスで右クリックします。 ずらりと並んだメニューの中ほどにある、「ソースの表示」をクリックします。 メモ帳が起動して、 以下のような文章が表示されるはずです。 HTML HEAD TITLE World Wide Adventure /TITLE /HEAD BODY BGCOLOR=#A0A0A0 CENTER APPLET CODE="WWA.class" WIDTH=560 HEIGHT=440 PARAM NAME=paramMapName VALUE="wwamap.dat" このブラウザには、Java実行環境がインストールされていません。 BR 詳細は A HREF="http //www.wwajp.com/wwafaq.html" ＷＷＡのよくある質問 /A をどうぞ。 /APPLET BR Internet RPG " A HREF="http //www.wwajp.com/" World Wide Adventure /A " (C)1996-2004 NAO /CENTER /BODY /HTML ※赤字の部分は、使用しているマップデータによって名前が違います。 表示されたこの文章が、user.htmlの中身、「HTMLソース」です。 このソースを、タグと呼ばれる命令を使って編集すると、 ブラウザに「こう表示しなさい」と指示することが出来ます。 編集の基本は 「文章を書き足す」「上書き保存」「ブラウザで更新ボタンを押して確認」 の繰り返しです。 では、実際にやってみましょう。 背景、文字の色を変える もともとのゲームページでは、「背景が灰色」で「文字が黒」です。 背景の色は何も指定しなければ白に、 文字の色は指定しなければ黒になります。 ということは、背景の色はすでに指定されているわけです。 ソースをよく見てみると、背景を灰色にしている部分が見つかります。 HTML HEAD TITLE World Wide Adventure /TITLE /HEAD BODY BGCOLOR=#A0A0A0 以下略 BGCOLORは、「背景の色はこれにします」と言う命令です。 #A0A0A0の部分を変更すると色が変わります 。やってみましょう。 #000000が黒 #FFFFFFが白 必ず6桁になります（左から２桁ずつ、#FF0000＝赤、#00FF00＝緑、#0000FF＝青） 0～9＋A～Fの16文字で表されていて、0が最低値、Fが最高値。 命令が上手くいかないときは、#や=を確認してください。 消してしまったり、増やしてしまったりすると、上手く命令が伝わりません。 これで好きな色を背景色にすることが出来たでしょうか？ 続けて、文章の色も変えてみましょう。 ゲームの下にある「Internet RPG」の文字で確認します。 ソースに青い文字の分を書き足します。 （直前に半角のスペースが入っています。忘れずに追加してください。） HTML HEAD TITLE World Wide Adventure /TITLE /HEAD BODY BGCOLOR=#A0A0A0 TEXT="#FF0000" 以下略 Internet RPGの文字は、真っ赤になりましたか？ TEXTは、ファイル全体の文字の色を指定する命令です。 色の指定方法は、背景と同じです。 この2つを変更するだけでも、ゲームの印象は変わります。 色の組み合わせを試してみてください。 リンクを付けてみる
https://w.atwiki.jp/zyoushiki/pages/96.html
html head title ネ申の間 - トップページ /title link rel = "stylesheet" href = "kami1.css" meta http-equiv="Content-Language" content="ja" meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" /head body header h1 a href="index.htm" img src="/image/logo.png" alt="Kami" /a /h1 header div id="container" B ul id ="menu" li a href="intro.htm" ネ申の間とは？ /a /li li a href="knowledge.htm" ネ申に従う心得 /a /li li a href="character.htm" ネ申と仲間と屑達 /a /li li a href="goods.htm" 商品 /a /li li a href="game.htm" ゲーム /a /li /ul /B /div h2 トップページ /h2 div id="main" article ul li time datetime="2008-04" 2008年4月 /time 入学 /li li time datetime="2011-03" 2011年3月 /time 卒業 /li /ul 卒業5周年！（ｷﾘｯ!!）byネ申 br br AA等は a href = "http //www37.atwiki.jp/zyoushiki/" B こちら /B /a だぞ。 by糸申士 br /article /div div id="sub" aside div class="bnr_inner" dl a href="kami.htm" dt img src="images/bnr_kami.png"alt="kami" /dt dd このカリスマ性感じるオムツ被ってる彼は一体…？ /dd /a /dl /div div class="bnr_inner" dl a href="http //www.tokumei24.jp/" dt img src="images/bnr_okame.jpg"alt="okame" /dt dd この酷い顔見かけたら警察に通報だ！ /dd /a /dl /div /aside /div footer p id="copyright") small Copyright copy;2010 ネ申の間 /small /p /footer /body /html
https://w.atwiki.jp/nicepaper/pages/70.html
HTMLとCSSについての記事一覧です。 目次 HTML5とCSS3とは HTML5の宣言文 html5+css3で基本的なページをつくってみよう！① html5+css3で基本的なページをつくってみよう！② headに入れる要素について HTML５で登場する新タグ(新要素) header margin、border、paddingの違いについて CSSのリセット 擬似要素before,afterの使い方 各ブラウザにおけるcss内のfont-familyの挙動 文中の文字の一部のみを指定する場合 HTML5でのタグ使用の注意点 インライン要素とブロックレベル要素（ブロック要素） CSSでmarginプロパティが効かない時の対策 boxの配置方法 divのboxの上にさらにboxを追加し、回転させる tableとlistについて レスポンシブWebデザインについて HTMLとCSSで使う数字の単位の関係 HTMLの細かい文法事項 CSS3の基本 テキストに影を付けるtext-shadow ベンダープレフィックスとは CSSで角丸にするborder-radius URLを使って特定のファイル閲覧(絶対パスと相対パス) CSSで見出しデザイン1 CSSで見出しデザイン2 Googleマップ、YouTube、電話番号(スマートフォン用)を埋め込む方法 表(table)の作り方 背景画像をブラウザいっぱいに表示しているCSS記述方法 CSSでグラデーションその1 CSSデザインのための色の基礎知識 CSSでページを常に中央に表示させて、拡大縮小しても崩れないようにする。 CSS3で画像をフェードインさせたりする。 画像(ボタンの画像)を使用したメニューの作成 font-family(フォントの種類) CSSのline-heightで単位を指定してはいけないのか？ 疑似要素 まとめ CSS3で画像を領域内に上下中央でフィットさせる方法 CSSで文字やテキストを上下中央の中心揃えにする方法 vertical-alignが効かないときの対策 CSSを確実に読み込む方法 ふんわりと色を変えることができるtransitionプロパティ transformプロパティ 段組みに関するCSSプロパティ CSSでのid名やclass名の付け方 レスポンシブデザインとスマホで確認した時の落とし穴 簡単なformの作り方 CSSで直下の子要素のみに適用させたい場合の記述方法 liタグの中にddが複数ある際の改行処理～インデントを1つ目のddに揃えたい～ シマシマのテーブルを作る。 CSSでフォントを指定する CSSでフォントをちょっとした工夫をして見やすくするver1 CSSでフォントをちょっとした工夫をして見やすくするver2 CSSでフォントをちょっとした工夫をして見やすくするver3 黄金比でフォントサイズをデザインする リスト横並びデザイン1 sectionタグで読み込むCSSを限定する 今風のfont-familyをあつめてみた CSSでclearfix CSSで隣接セレクタを使い、見出しタグ(h1)タグとpタグの間を設定する CSS3のarticleタグと隣接セレクターを使って間隔を調整 HTMLで文字を実体参照する。 TwitterをHTMLに埋め込む方法 レスポンシブWEBデザインテンプレート（スタイルシートで複数記述編） HTMLとCSSで進捗バーを作る1 HTMLとCSSで進捗バーを作る2 HTMLタグをデバイスごとに、javascriptとjQueryで振り分け WEB制作のためのIE対策1～バージョンごとの表示を確認する～ CSSで縦書き開発1 CSSで縦書き開発2～PHPとHTML5とCSS3で漢字学習システムのレイアウト作り～ 他カテゴリと混在のもの WEBの画像をラスターデータからベクターデータにする HTMLタグをデバイスごとに、javascriptとjQueryで振り分け
https://w.atwiki.jp/whoone/pages/4.html
リンク HTMLクイックリファレンス http //www.htmq.com/index.htm HTML5ゲームフレームワーク http //blog.verygoodtown.com/2011/02/limejs-html5-game-framework/ HTML5でゲーム作成 http //cnut1024.wiki.fc2.com/ SEO対策 http //seo.acnf.org/ http //www.d3.dion.ne.jp/~jkondou/hp/css_seo.html G123、事前受付登録中の「クイーンズブレイドリミットブレイク」にてAmazonギフト券が当たるフォロー&RTキャンペーン開催 - ASCII.jp HTML5 プロフェッショナル 認定試験 レベル1 想定問題 一覧 (1) - マイナビニュース [実力試し] HTML5 プロフェッショナル 認定試験 レベル2 想定問題 一覧 (1) - マイナビニュース HTML5ベースのMMORPG「MAD WORLD」のαテストが実施中。PCブラウザですぐに参加可能 - 4Gamer.net W3C／HTML5からWHATWG／Living Standardへ、Web発展史をひもとく - ITpro 「Macでリモートアクセス」に対応、Windows 365やシン・テレワークシステムHTML5版の魅力 | ボクシルマガジン - Beyond（ビヨンド） 「シン・テレワークシステム」にHTML5版 ～MacやChromebookからもWindowsをリモート操作可能に - 窓の杜 拡張機能が動かなくなるかも？ 「Google ドキュメント」がHTML5 Canvasベースのレンダリングへ移行 - 窓の杜 新作HTML5ゲーム「邪神ちゃんドロップキックねばねばウォーズ」が配信開始。レアリティS“水着ぴの”がもらえる初心者ミッションを開催中 - 4Gamer.net AWS Elemental MediaLive が HTML5 モーショングラフィックスオーバーレイのサポートを開始 - amazon.com HTML5ベースのモダンブラウザーからリモート操作が可能に、「TeamViewer」にWebクライアント - 窓の杜 GMOメディア：HTML5ゲームプラットフォーム「ゲソてん byGMO」、「楽天ポイントモール」の利用者に向け38タイトルを提供開始 - PR TIMES 第4回専門学校 HTML5作品アワード、受賞作品の発表 - valuepress HTML5に完全対応 アドビ社製Webセミナーシステムの最新バージョン『AdobeConnect11』を提供開始 - アットプレス（プレスリリース） GMOメディア：HTML5ゲームプラットフォーム「ゲソてん」、ゲームコンテンツ提供先の20媒体において「PayPay」決済に対応 - PR TIMES HTML5ベースの韓国産2D MMORPG「MAD WORLD」の最新画像とムービーが公開 - 4Gamer.net Flashを使用している企業に朗報！Flashを簡単にHTML5で再生可能にするサービス『JswfPlayer』Ver2がリリース！ - PR TIMES SL ジャパン、HTML5 に対応した監視制御システム (DCS/SCADA) 向け SL-GMS Web/Developer 新製品をリリース - valuepress HTML5ゲーム「八男って、それはないでしょう！アンサンブルライフ」の正式サービスが本日開始。テレビアニメ版がベースの放置型MMORPG - 4Gamer.net TVアニメの新作HTML5ゲーム『八男って、それはないでしょう！-アンサンブルライフ』本日より正式リリース！記念イベント絶賛開催中！ - PR TIMES アスキーゲーム ガンダムRPG『SDガンダムオペレーションズ』がHTML5軽量化アップデートを実施！ - ASCII.jp 神社経営シミュレーション「かみてる」がHTML5ゲームプラットフォームOhSECHIで配信開始 - 4Gamer.net 人気TVアニメの新作HTML5ゲーム『八男って、それはないでしょう！-アンサンブルライフ-』事前登録受付開始！ - PR TIMES 文系でもできる！HTML５とCSS3の超らくらく入門講座 2020年版 - PR TIMES YouTubeがFlashを排除し、HTML5の最後の障害を取り除いた - 週刊アスキー - 週アスPLUS バンナム、HTML5ゲームの「enza」運営元を完全子会社化 ドリコム保有株買い取り - ITmedia G123で新作HTML5ゲーム『セルリアンホライズン』正式リリース！事前登録報酬は28日にプレゼント！ - PR TIMES GMOメディア：HTML5ゲームプラットフォーム「ゲソてん」、ポイントサイト「モッピー」に『ゲゲゲの鬼太郎 妖怪横丁』など20タイトルを提供開始 - PR TIMES シンプルで安価なマルチデバイス対応HTML5デジタルカタログ制作サービスを提供開始 - PR TIMES スマホゲーム開発者向け書籍「HTML5 ゲーム開発の教科書」が9月中旬に発売 - 4Gamer Adobe FlashをHTML 5で代替するPixi.jsがWebGLを新たにサポート、クロスプラットフォームとインタラクティブアプリに対応 - InfoQ Japan HTML5版「刀剣乱舞」をサポートした「とうらぶキャプ」v2.0.0が公開 - 窓の杜 HTML5ゲームポータル「楽天ゲームズ」終了 2年で幕 - ITmedia NEWS HTML5ゲーム『ガールズ＆クリーチャーズ』ホワイトデーイベント開催！期間限定キャラクターを解禁！ - PR TIMES HTML5ゲームプラットフォームをてがけるLiberappは「HTML5 スマホゲーム業界カオスマップ（2019β）」を公開しました - PR TIMES Liberappが「HTML5 スマホゲーム業界カオスマップ（2019β）」を公開 - 4Gamer.net スマートニュース、優れたHTML5技術を持つ『Tombo, Inc.』を買収 - PR TIMES HTML5 GameCreatorというコミュニティー＆ミートアップをはじめます - PR TIMES あなたはどっちサイドを選ぶ？G123新作HTML5ゲーム『ガールズ＆クリーチャーズ』正式リリース！ - PR TIMES 「Webは次のギアにシフトしている」〜HTML5 Conference 2018 基調講演レポート：レポート - Gihyo Jp HTML5ベースで描画速度が向上、BIダッシュボードの最新版 - ＠IT MONOist 時空を超えて、世界を救え！新作HTML5ゲーム『ナイトメアクロノス』事前登録受付開始！ - PR TIMES 国内最大級のHTML5ゲームサービス「G123.jp」が本日10月4日(木)オープン！ - PR TIMES 国内最大級のHTML5ゲームサービス「G123.jp」オープン！新たなゲームプラットフォーム誕生・10月は新作ゲーム3本登場 - アットプレス 技術の進化に左右されないWebサイトの作り方がわかる、プロを目指す人のための入門書『HTML5＋CSS3の新しい教科書 改訂新版 基礎から覚える、深く理解できる。』発売 - PR TIMES 「艦これ」Flash→HTML5に 大規模メンテスタート - ITmedia 「艦隊これくしょん -艦これ-」がHTML5ベースに移行。8月15日11：55から3日がかりの大規模なメンテナンスを実施 - 4Gamer.net LINE上でHTML5ゲームが遊べる「LINE QUICK GAME」 たまごっち、ナンプレも - ITmedia HTML5ゲームにもeスポーツの熱狂を。 Liberappに観戦APIとデモゲームを追加 - PR TIMES BXD、HTML5プラットフォーム名称を「enza」に--新作ゲーム3タイトルを体験 - CNET Japan バンナム、HTML5活用の新作ゲーム「アイドルマスター シャイニーカラーズ」発表 - CNET Japan HTML5アプリプラットフォームのスタートアップ企業「Liberapp」設立と増資および仮想通貨「リベリウム」でICO検討開始のお知らせ - PR TIMES 株式会社レコム、HTML5ゲーム【iKON COLLECTION HIDDEN CATCH】のセールイベントを開催! - PR TIMES 株式会社レコム、レコム、HTML５ゲーム市場に挑戦! - PR TIMES HTML5を巡るGoogle、Apple、Microsoftの戦略の歴史 - ITmedia 【黒川塾51】HTML5ゲームとクラウドゲームでゲームコンテンツはどうなる？ - Game Deets 「BXD」が狙うHTML5活用ブラウザゲームの需要--ファミスタ、アイマス新作を投入 - CNET Japan コレ1枚で分かる「HTML5（2） マルチデバイス時代のアプリケーションプラットフォーム」 - ITmedia HTML5の機能をどこまで活かせるか--新日鉄住金ソリューションズの「hifive」で実現できること - ログミー 「Google Chrome 56」が正式版に。HTML5デフォルト化がすべてのユーザーを対象に開始 - 窓の杜 「Google Chrome」のHTML5デフォルト化が開始。脱Flashの流れが加速 - 窓の杜 Chromeブラウザの“Flash→HTML5デフォルト化”完了は2017年10月 Googleがロードマップ発表 - ITmedia あきらめていたFLASHありませんか？HTML5変換サービスのご案内 - PR TIMES HTML5はこれからのWindowsか？、普遍的なアプリケーションの普遍的な開発/利用ベースとして - TechCrunch Japan Google Chrome、Flashに代わってHTML5をデフォルトに - ITmedia モバイルファーストを牽引する HTML5によるハイブリッドアプリ - ZDNet Japan 5分でわかるActiveReports帳票－HTML5ビューワ (1/4)：CodeZine（コードジン） - CodeZine HTML5ベースのデスクトップクライアント：TechTargetジャパン用語事典 - TechTargetジャパン 仮想化 - TechTargetジャパン HTML5でクロスプラットフォームなデスクトップアプリを開発できる「Electron」とは - CodeZine FirefoxブラウザとWebの技術ですぐ作れる！ HTML5で手軽にFirefox OSアプリ開発 - CodeZine YouTube、デフォルト動画プレーヤーを「Flash」からHTML5ベースに変更 - CNET Japan YouTube、メイン再生プレーヤーをFlashからHTML5にようやく移行 - ITmedia YouTube、従来のFlashに代わってHTML5をデフォルトに - AV Watch ついに正式勧告--「HTML5」を使いこなすには何が必要か - builder by ZDNet Japan - ZDNet Japan HTML5がW3C勧告に、15年ぶりの大改訂 - ASCII.jp 「HTML5でスマホとクルマを簡単につなぐ」――韓国Obigo社のハンCEOインタビュー - business network.jp HTML5 CanvasをjQueryライクに操作できるプラグイン「jCanvas」 - CodeZine 広告のHTML5化加速か、Googleがインタラクティブ広告制作ツール「Google Web Designer」を無料提供 【増田 @maskin】 - TechWave（テックウェーブ） #WAVE サンプルで学ぶHTML5の仕様変更要素・後編 (1/3) - ASCII.jp HTML5は5.0へ、2016年にはHTML 5.1も登場か - ASCII.jp Flashを使わない3D絵本の作り方、HTML5/CSS3時代のコンテンツ作りについての雑感 【増田 @maskin】 - TechWave（テックウェーブ） #WAVE HTML5で作るスマホWebアプリ開発チュートリアル(3) HTML5ならではのグラフィックスを実現する「canvas」 - マイナビニュース Cloud SQLとHTML5のWeb Storageで高速仕訳入力 - CodeZine HTML5によるアニメーション作成を容易にする「Adobe Edge」 - builder by ZDNet Japan - builder HTML5のタグに対応したHTMLエディター「Crescent Eve」v0.86が公開 - 窓の杜 50代でも分かったHTML5の基礎知識 - ASCII.jp 3分でわかるHTML5のコンテンツモデルとカテゴリー (1/3) - ASCII.jp Google、Chrome立ち上げ3周年でHTML5のインフォグラフィックを公開 - ITmedia XHTML1.0とHTML5の違いをスタバのページで紹介 (1/6) - ASCII.jp Google、FlashをHTML5に変換するツール「Swiffy」を公開 iOSにも対応 - ITmedia 第512回：HTML5 とは - ケータイ Watch HTML5で注目！インラインSVGの使い方 (1/5) - ASCII.jp W3C、HTML5ロゴを発表 - ITmedia W3C、HTML5ロゴを発表--HTML5推進を目指す - CNET Japan iOS向けゲームが15分で開発できる、高速HTML5ゲームエンジン「IMPACT」登場 【増田(@maskin)真樹】 - TechWave（テックウェーブ） #WAVE HTML5が注目を浴びる理由とは？ ここが違う！サンプルで見るHTML5（1） - CodeZine AppleがiPad/iPhoneでも見られるHTML5ショーケースを公開 (追記あり)【@maskin】 - TechWave（テックウェーブ） #WAVE HTML5は安全か？ 開発者が留意すべきセキュリティ問題 - ITmedia Google、HTML5へのシフトで「Gears」終了へ - ITmedia YouTube、HTML5動画プレーヤーをテスト公開 - ITmedia
https://w.atwiki.jp/0x0b/pages/75.html
仕様 SGML(Standard Generalized Markup Language) ISO 8879 1986 JIS X 4151 1992 DSSSL(Document Style Semantics and Specification Language) DTD(Document Type Definition) DSDL(Document Schema Definition Languages) TEX HTML HTML 4.01 Specification HTML 5 XML XML1.0 XML1.1 SAX(Simple API for XML) XML-RPC XML Schema XSL(Extensible Stylesheet Language) XSLT(XSL Transformations) XPath(XML Path Language) XSL-FO(XSL Formatting Objects) XPL(XML Paper Specification) XUL(XML User Interface Language) XML Information Set, XML Infoset XML Schema TREX(Tree Regular Expressions for XML) RELAX(Regular Language description for XML) RELAX NG Namespaces in XML XML Signature XAdES(XML Advanced Electronic Signatures) XML Encryption SOAP Canonical XML XML Inclusions XQuery XPointer(XML Pointer Language) StAX(Streaming API for XML - Java SimpleXML - PHP System.Xml.XmlReader - .NET Framework JAXB(Java Architecture for XML Binding) XLink XML Media Types RFC 3023 Atom RFC4287 RFC5023 (Representational State Transfer) DocBook、RSS、MathML(Mathematical Markup Language)、ebXML、Scalable Vector Graphics (SVG)、 MusicXML VML(VoiceXML) XML Base ISO/IEC 8825-4 2002 Information technology -- ASN.1 encoding rules XML Encoding Rules (XER) ISO/IEC 8825-5 2004 Information technology -- ASN.1 encoding rules Mapping W3C XML schema definitions into ASN.1 ISO/IEC 9075-14 2006 Information technology -- Database languages -- SQL -- Part 14 XML-Related Specifications (SQL/XML) ISO 10303-28 2007 Industrial automation systems and integration -- Product data representation and exchange -- Part 28 Implementation methods XML representations of EXPRESS schemas and data, using XML schemas ISO/IEC 13250-3 2007 Information technology -- Topic Maps -- Part 3 XML syntax ISO/IEC 13522-5 1997 Information technology -- Coding of multimedia and hypermedia information -- Part 5 Support for base-level interactive applications ISO/IEC 13522-8 2001 Information technology -- Coding of multimedia and hypermedia information -- Part 8 XML notation for ISO/IEC 13522-5 ISO/IEC 18056 2007 Information technology -- Telecommunications and information exchange between systems -- XML Protocol for Computer Supported Telecommunications Applications (CSTA) Phase III ISO/IEC 19503 2005 Information technology -- XML Metadata Interchange (XMI) ISO/IEC 19776-1 2005 Information technology -- Computer graphics, image processing and environmental data representation -- Extensible 3D (X3D) encodings -- Part 1 Extensible Markup Language (XML) encoding ISO/IEC 22537 2006 Information technology -- ECMAScript for XML (E4X) specification ISO 22643 2003 Space data and information transfer systems -- Data entity dictionary specification language (DEDSL) -- XML/DTD Syntax ISO/IEC 23001-1 2006 Information technology -- MPEG systems technologies -- Part 1 Binary MPEG format for XML ISO 24531 2007 Intelligent transport systems -- System architecture, taxonomy and terminology -- Using XML in ITS standards, data registries and data dictionaries XHTML XHTML™ 1.0 The Extensible HyperText Markup Language (Second Edition) MHTML RFC2110 (旧) RFC2557 (新) MIMEタイプ Multipurpose Internet Mail Extensions (MIME) Part 1~3 RFC 2045, RFC 2046, RFC 2047 Multipurpose Internet Mail Extensions(MIME) Part Five Conformance Criteria and Examples RFC 2049 MIME Parameter Value and Encoded Word Extensions Character Sets, Languages, and Continuations RFC2231 Media Type Specifications and Registration Procedures RFC 4288 Multipurpose Internet Mail Extensions (MIME) Part Four Registration Procedures RFC 4289(旧RFC 2048) Returning Values from Forms multipart/form-data RFC2388 Internet Message Format RFC 5322 (旧RFC 822、RFC 2822) SMTP RFC5321, RFC2821, RFC821 Communicating Presentation Information in Internet Messages The Content-Disposition Header Field RFC2183 Uniform Resource Identifiers (URI) Generic Syntax RFC3986 (旧) RFC1738 Uniform Resource Locators (URL) RFC1808 Relative Uniform Resource Locators RFC2396 Uniform Resource Identifiers (URI) Generic Syntax IRI(Internationalized Resource Identifier) RFC 3987 XRI(Extensible Resource Identifier) The text/html Media Type RFC2854 仕様 マークアップ言語①視覚マークアップ(暗黙) ②手続きマークアップ(明示) ③意味マークアップ 他の用途での利用 Tex SGML(Standard Generalized Markup Language) HTML(HyperText Markup Language) XML(Extensible Markup Language) XHTML(Extensible HyperText Markup Language) マークアップ言語 コンピュータ言語の一種 GML(Generalized Markup Language)から派生 文章の構造（段落など）、見栄え（フォントサイズなど）に関する指定を文章とともにテキストファイルに記述するための言語 文章に対するそれらの指定をマークアップ (markup) と呼び、マークアップを記述するための文字列をタグ (tag) と呼ぶ テキスト＋マークアップ命令 ①視覚・②手続き・③意味マークアップに分類 ①視覚マークアップ(暗黙) テキスト中の「手掛かり」から文書構造を推論 改行、スペース、行送り、中央ぞろえ等 ②手続きマークアップ(明示) ファイル中の出現順で処理系に解釈 テキストを並べ書式指定の命令（ディレクティブ）を指示 後にはそれらの効果を打ち消す命令 マクロやスタックモデルなどのより高度なシステムならば、この煩わしさは軽減される チューリング完全なプログラミング言語に相当 例：nroff, troff, TeX, Lout ③意味マークアップ 必ずしも特定の見栄えなどの処理上の意味を与えることなく、テキストの断片に印を付けていくもの 例えば、Atomシンディケーション言語には updated タイムスタンプを印すマークアップがあり、情報項目が最後にいつ更新されたのかを発行者が表明するのに使われる。 Atomの規格ではupdatedの意味するものについて論じており、そのマークアップ形式についても規定されているが、それがユーザに対してどのように表示されるのか、またそもそも表示されるべきなのかについては何の規定もない。このマークアップは処理系ごとに様々な用途に使われ、その中にはAtom言語の設計者たちが予想もしなかったものが多く含まれるだろう。SGMLとXMLは意味マークアップ言語の設計を支援するために設計された仕様（メタ言語）である。 以上は概念的な分類であって、実際にはどのシステムでも別種のマークアップが共存している。例えばHTMLでは、純粋な手続きマークアップ（ボールドのためのBなど）と純粋な意味マークアップ（BLOCKQUOTEやHREF属性など）が共存している。HTMLにはさらにPRE要素があり、視覚マークアップの領域を囲んで、テキストをタイプしたとおりに表示させることもできる。 マークアップ要素とその使用に関する規則は通例、特定の企業やコミュニティごとの様々な種類の文書に対応するため、標準化団体によって開発される。最初期の例としてはCALSがあり、アメリカ軍で技術マニュアルに利用されていた。すぐに大規模文書を管理する必要のある企業がこれに続きだし、航空機、電気通信、自動車、コンピュータハードウェアのマニュアル用のタグ群が開発された。これはこの種のマニュアルの多くが電子的に配布されるきっかけとなり、企業は1つの（意味マークアップによる）オリジナルから印刷物、オンライン、CD版などを作り出すことができた。特筆すべき例はサン・マイクロシステムズであり、ジョン・ボサック（en）がSGMLを複数媒体向けの文書配布に採用し、大幅なコスト削減を達成した。 よく知られたマークアップ言語 DocBook、MathML、SVG、Open eBook、TEI、XBRLなど 多くはテキストのためのものだが、その他の用途で使われる専門化された言語もある。 汎用マークアップとは意味マークアップの別名 現在のほとんどの意味マークアップシステムは文書を木構造に構造化する。また同時に、文書の一部分を文書内の他の箇所から参照する（クロス・リファレンス）手段を提供している。構造化によって、ソフトウェアが文書構造を（BLOBではないものとして）把握することができ、文書はデータベースとして扱うことが可能になる。リレーショナル・データベースが持っているような厳格なスキーマを持たないので、「半構造化データベース（semi-structured database）」と呼ばれる。 000年を過ぎたころから、木構造以外の文書構造に関する大きな関心が現れてきた。例えば、古代の宗教文学では文献構造（本、章、節、文）以外にも、修辞構造や散文構造が広く用いられる（ストーリー、引用章句、段落、など）。これらの文書単位は文中でたびたび交差するので、簡単には木構造のマークアップシステムでデータ化することはできない。このような構造をサポートする文書モデリングシステムにはMECS（ウィトゲンシュタインの作品を電子化するために開発された）、TEI Guidelinesの一部、LMNL、CLIX、などがある。 意味マークアップの第一の長所はその自由度だとみなされている。テキストの断片が「どのように表示されるべきか」ではなく「何であるか」と印されていたなら、その言語の設計者が予想もしていなかった便利な用途でその断片を処理する処理系が作られるかもしれない。例を挙げると、HTMLのハイパーリンクは、元々、リンクをたどる人の手で利用されるために設計されたが、WWW検索エンジンによって、インデックスするべき新しいリソースを発見するため、またウェブ上のリソースの人気を測るためにも利用されている。 意味マークアップはまた、必要になったときに文書の見栄えを変更する作業も単純化する。これは文書の見栄えと内容が密接に結びついていないからである。例えばイタリックを強調と外国語であることを示すために使うとする。ここで両方が単にイタリックと（視覚的にまたは手続き的に）マークアップされたなら、2つを選り分けることが困難になる。もし、あとから外国語をイタリックにしないと決め直したら、全てのイタリック部分を見直して、1つずつ選り分けるしか方法がない。しかし始めから、2つの場合が別のタグで（意味的に）マークアップされていたのなら、互いに干渉しあうことなく、見栄えの変更ができるようになる。 他の用途での利用 マークアップ言語のアイデアはテキスト文書に関するものとして生まれたが、ベクターグラフィックス、Webサービス、ウェブシンディケーション、セマンティック・ウェブ、ユーザーインタフェースなどの分野での利用も増えている。これらのほとんどはXMLのアプリケーションである。XMLを使用することで、複数のマークアップ言語を合成することが可能となる。例としては、XHTML+SMIL やXHTML+MathML+SVGがある。 Tex 数学書を業務品質で組むためのテキストやフォントに関する綿密なレイアウト機能を目標としている ユーザーに高いスキルを要求するため、主に学術分野で使われ、理数系の出版物・論文などではデファクトスタンダードとなっている。TeXのマクロパッケージであるLaTeXはTeX上で意味マークアップシステムを構築しており、広く用いられている。 SGML(Standard Generalized Markup Language) マークアップは文書の構造面に専念し、視覚的な表現に関しては処理系に任せるべきだ、という思想 文書にマークアップを含める構文や、どんなタグがどこで使えるのかなどを記述する構文（DTD）を規定 これによって、文書作成者は望むマークアップを、最も意図に近いものや母語で名前が付いているものなど、何でも作成し、利用することができた。それゆえ、SGMLは正しくはメタ言語であり、多くの具体的なマークアップ言語がそれから派生していった。80年代から現在に至るまで、ほとんどの新しいマークアップ言語はSGMLに基づいたものであった。TEIやDocBookなどがその例である。SGMLは1986年にISO 8879として国際標準になった。 非常に大きな規模の文書を扱う現場で広く受け入れられ、利用された。しかしながら、一般的には覚えるのが煩わしくて難しいとみなされている。これは多彩すぎる機能と高すぎる柔軟性を実現した副作用である。複雑な仕様の例として、SGMLでは終了タグ（または開始タグかその両方）が文脈によって省略可能となっているが、これは過労気味のサポートスタッフがマークアップを手動で行うような場合にキーストロークの節約が望まれている、との配慮によるものである。 World Wide Web(W3C)勧告 HTML(HyperText Markup Language) 1991年になると、SGMLが商用のデータベース用途にしか使われない傾向が強くなってきた。一方、（文書をプロプライエタリなバイナリフォーマットで保存する）WYSIWYGツールがその他の文書処理用途では受け入れられていた。 そんな折、SGMLの構文を使ってHTMLは作られた。 HTMLは他のSGMLベースのタグ言語とよく似ているが、よりシンプルなものとして誕生し、当初は形式的なDTDを持っていなかった。 DeRose はHTMLによる意味マークアップ(SGML)の使用が、ウェブに柔軟性と拡張性をもたらし、その成功の有力な要因となったと主張している(その他の要因にはURLの概念やブラウザの無料配布などがある)。現在、HTMLはおそらく世界で最もよく使われているマークアップ言語であろう。 しかしながら、HTMLがマークアップ言語であるという事実については異論を唱える研究者もいる。その異論とは、HTMLはタグの配置を制限しており、タグに他のタグ内に入れ子になることと文書のルートタグになることの両方を要求している、というものである。このため、そのような研究者たちはHTMLは階層型データモデルに従う「コンテナ言語」ではないかと述べている。 HTML4.01 SGMLに Strict、Transitional、FramesetがDTDで定義されている HTML5.0 XML(Extensible Markup Language) 対象をインターネット上の文書に特化することで、SGMLを単純化したサブセットを作ることが目的 XMLはSGMLと同じようにメタ言語である。また、（"extensible"という名のとおり）利用者が必要な要素を追加したり、名前空間を使って複合文書を作ったりして拡張することが容易にできる。 名前空間などを用いないXML文書はSGML文書でもあるため、XMLへの乗り換えはそれほど困難でなく、既存のSGMLの利用者およびソフトウェアは比較的容易にXMLに移行することができた。XMLはSGMLの多くのより複雑な機能を省いており、学習や実装を容易にしている。他の改良点には、多言語環境でのSGMLの問題点を修正したことや、スキーマがない文書でも利用を可能にしたことなどがある。 XMLはそもそも文書や出版物などの半構造データのために設計されたものである。しかしながら、その単純さと柔軟性のバランスの良さから、他の用途でも急速に受け入れられていった。例えば、アプリケーション間でデータをやりとりするために利用されたり、アプリケーションの設定ファイルの構造として利用されたりもしている。 XHTML(Extensible HyperText Markup Language) 2000年の1月から、HTMLについてのすべてのW3C勧告は、SGMLではなくXMLに基づいたものになった。Extensible Hypertext Markup Language を略してXHTMLという。（XはExの発音から。） HTMLとXHTMLとの違いで顕著なものの1つ 「すべてのタグは閉じなければならない」 br のような「空の」HTMLタグは「閉じる」必要がある。XHTML 1.0勧告内のAppendixにあるHTML Compatibility Guidelines[5]では、 br / のように要素名の後に空白文字と斜線を入れて閉じる形を推奨している。 他に開始タグ内の属性値はすべて引用符 で囲わなければならないという点がある。 また、HTMLとは異なり、大文字と小文字は厳密に区別される。
https://w.atwiki.jp/api_programming/pages/48.html
下位ページ フォント・テキスト フォーム(Form) レイアウト レスポンシブデザイン 画像 色 Content リンク form CSS適用の優先順位 CSSのコメントアウト モバイルサイト用の表示CSS jQuery Mobile 画像のフィルタ 表表をつくる 行をつくる 列をつくる左寄せ、センタリング、右寄せ 要素の表示、非表示 ポップアップ風のメニューを仕込む（主にcssで） エラー時のステータスコード 流行りのUIをコード付きで紹介 ウェブサイトのUIに悩んだときにインスピレーションが受けられるサイト「inspiration ui」 ロゴのジェネレータ Instagram風の写真加工ができるCSSライブラリ「CSSGram」 簡易なチャートグラフを手軽に描けるサイト「BEAM」 200万点以上のアイコンをベクター形式でダウンロードできるサイト「iconshock」 HTMLクイックリファレンス ★スタイルシートリファレンス（目的別） - HTMLクイックリファレンス リンク 新しいウィンドウ（タブ）で開く a href="~" target="_blank" /a form FORM - HTMLクイックリファレンス CSS 適用の優先順位 全体に適用されるものと局所に適用される者では、局所に適用されるものが優先される。#xyz p p#xyz #xyz 上書きされるので、最後に読み込まれたものが適用される。 強制的に優先順位を上げるには !important を付ける p {color red !important;} /*この値が最優先されて有効となる*/ スタイルの優先順位 - HTML クイックリファレンス CSSのコメントアウト /* コメントアウト */ // は使えない（認識する場合もあるらしい） http //monopocket.jp/blog/css/1278/ モバイルサイト用の表示CSS jQuery Mobile Javascript/jQuery Mobile 画像のフィルタ http //migo-media.com/css-filter/ 表 a aa aaa b bb bbb TABLE - ★HTMLタグリファレンス 行をつくる→行の中に列をつくる table tr th ... /th td ... /td /tr tr th ... /th td ... /td /tr /table 表をつくる table ... /table 行をつくる tr ... /tr 列をつくる tr td ... /td /tr 左寄せ、センタリング、右寄せ td align="right" } 要素の表示、非表示 タグはあるけれど、表示はされない、という状態をつくる visiblity display 非表示・使用不可 visiblity - HTMLクイックリファレンス（スタイルシートリファレンス） display - HTMLクイックリファレンス（スタイルシートリファレンス） ポップアップ風のメニューを仕込む（主にcssで） メニューボタン（メニューアイコン）にポップアップルメニューとなるdiv要素を仕込んでおく。そのdiv要素は普段は display none を設定しておく。（もしくはjavascript等でクリックしたときに生成するようにしておく） クリックしたら display block（とか） で表示させる。この時、 レイアウトを崩さないように、position absolute（メニューボタン位置に連動させるなら、親にposition relaltiveも）を仕込む z-index を設定して、他の要素より前に出す。 親要素に overflow hidden が設定してると、親の枠外に飛び出せなくなる。 ので注意する。 エラー時のステータスコード HTTPステータスコード - Wikipedia 流行りのUIをコード付きで紹介 CodeMyUI.com - http //codemyui.com/ ウェブサイトのUIに悩んだときにインスピレーションが受けられるサイト「inspiration ui」 http //inspirationui.com/ ロゴのジェネレータ http //girlsnet.ninpou.jp/logo.html Instagram風の写真加工ができるCSSライブラリ「CSSGram」 http //una.im/CSSgram/ 簡易なチャートグラフを手軽に描けるサイト「BEAM」 BEAM 200万点以上のアイコンをベクター形式でダウンロードできるサイト「iconshock」 iconshock